.content {
    width: 100%;
    background: rgba(32, 48, 51, 1);
    // overflow: hidden;
}

.choose {
    width: 95%;
    background: rgba(48, 73, 77, 1);
    border-radius: 4px;
    margin-left: 2.4%;
    min-width: 90%;
}

// 标题
.content .h3 {
    font-size: 20px;
    font-weight: bold;
    line-height: 60px;
    color: #489c9c;
    text-indent: 46px;
    letter-spacing: 2px;
    margin-top: -5px;
}

.table {
    width: 95%;
    border-radius: 4px;
    margin-left: 2.4%;
    min-width: 90%;
}

.titlew {
    width: 100px;
    font-size: 18px;
    color: #FFFFFF;
    text-align: right;
    font-weight: 500;
}

.titlem {
    width: 120px;
    font-size: 18px;
    color: #FFFFFF;
    text-align: right;
    font-weight: 500;
}

.input_first {
    margin-top: -8px;
    width: 24%;
    font-size: 18px;
    line-height: 32px;
    color: rgba(255, 255, 255, 1);
    display: flex;
    flex-direction: row;
    //   margin-left:0%;
    vertical-align: middle; // 文本相對于input垂直對齊
    outline: none;
    float: right;
}

// input共有样式
.input_first>input {
    outline: none;
    height: 32px;
    width: 100px;
    text-indent: 12px;
    background: rgba(32, 48, 51, 1);
    border: 1px solid rgba(255, 255, 255, 1);
    border-radius: 4px;
    vertical-align: middle;
    //   float:left;
}

.input_first:hover>input {
    border: 1px solid rgba(72, 156, 156, 1);
}

.input_first:focus>input {
    border: 1px solid rgba(72, 156, 156, 1);
}

.input_second {
    margin-top: -8px;
    width: 42%;
    font-size: 18px;
    line-height: 32px;
    color: rgba(255, 255, 255, 1);
    display: flex;
    flex-direction: row;
    //   margin-left:0%;
    vertical-align: middle; // 文本相對于input垂直對齊
    outline: none;
    float: right;
}

// input共有样式
.input_second>input {
    outline: none;
    height: 32px;
    width: 100px;
    text-indent: 12px;
    background: rgba(32, 48, 51, 1);
    border: 1px solid rgba(255, 255, 255, 1);
    border-radius: 4px;
    vertical-align: middle;
    //   float:left;
}

.input_second:hover>input {
    border: 1px solid rgba(72, 156, 156, 1);
}

.input_second:focus>input {
    border: 1px solid rgba(72, 156, 156, 1);
}

.input_third {
    margin-top: 0px;
    width: 100%;
    font-size: 18px;
    line-height: 32px;
    color: rgba(255, 255, 255, 1);
    display: flex;
    flex-direction: row;
    margin-left: 0%;
    vertical-align: middle; // 文本相對于input垂直對齊
    outline: none;
    // float: right;
}

// input共有样式
.input_third>input {
    outline: none;
    height: 32px;
    width: 300px;
    text-indent: 12px;
    background: rgba(32, 48, 51, 1);
    border: 1px solid rgba(255, 255, 255, 1);
    border-radius: 4px;
    vertical-align: middle;
    //   float:left;
}

.input_third:hover>input {
    border: 1px solid rgba(72, 156, 156, 1);
}

.input_third:focus>input {
    border: 1px solid rgba(72, 156, 156, 1);
}

:host ::ng-deep .ant-input {
    width: 210px;
    border: 1px solid #ffffff;
    color: rgba(255, 255, 255, 1);
    font-size: 18px;
    text-indent: 2px;
    background-color: rgba(32, 48, 51, 1);
}

.textArea:hover>textarea {
    border: 1px solid rgba(72, 156, 156, 1);
}

::ng-deep .ant-input:focus {
    border: 1px solid rgba(72, 156, 156, 1);
}

// 分割线
.wrap {
    width: 95%;
    background-color: rgba(31, 48, 51, 1);
    height: 2px;
    margin: 0 auto;
    display: flex;
    margin-top: 40px;
}

.wrap2 {
    width: 95%;
    background-color: rgba(31, 48, 51, 1);
    height: 3px;
    margin: 0 auto;
    //   display: flex;
    margin-top: 20px;
}

// 查詢按钮样式
.save {
    width: 110px;
    height: 32px;
    background: rgba(55, 122, 122, 1);
    border: 0px;
    outline: none;
    border-radius: 4px;
    background-image: url(../../../assets/image/btn_save_normal.svg);
    background-repeat: no-repeat;
    // margin-right:60px;
}

.save:hover {
    outline: none;
    background-image: url(../../../assets/image/btn_save_over.svg);
}

.clear {
    width: 110px;
    height: 32px;
    background: rgba(55, 122, 122, 1);
    border: 0px;
    outline: none;
    border-radius: 4px;
    background-image: url(../../../assets/image/btn_clear_normal.svg);
    margin-right: 35px;
}

.clear:hover {
    outline: none;
    background-image: url(../../../assets/image/btn_clear_over.svg);
}

// 表头
.content>nz-table {
    width: 95%;
    margin-left: 2.4%;
    min-width: 90%;
    margin-top: 20px;
}

::ng-deep .ant-table-container table>thead>tr:first-child th:first-child {
    border-top-left-radius: 4px;
}

::ng-deep .ant-table-container table>thead>tr:first-child th:last-child {
    border-top-right-radius: 4px;
}

:host ::ng-deep .ant-table-header,
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small>.ant-table-content>.ant-table-body>table>.ant-table-thead>tr>th {
    background: rgba(255, 255, 255, 0);
}

:host ::ng-deep .ant-table-fixed-header>.ant-table-content>.ant-table-scroll>.ant-table-body {
    background: rgba(255, 255, 255, 0);
}

:host ::ng-deep .ant-table {
    font-size: 18px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
}

:host ::ng-deep .ant-table-thead>tr>th {
    height: 50px;
    background: rgba(48, 73, 77, 1);
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    text-align: center;
}

// tbody
:host ::ng-deep .ant-table-fixed-header>.ant-table-content>.ant-table-scroll>.ant-table-body {
    background: rgba(32, 48, 51, 1);
}

:host ::ng-deep .ant-table-td-left-sticky,
.ant-table-td-right-sticky {
    background: rgba(32, 48, 51, 1);
}

:host ::ng-deep .ant-table table {
    text-align: center;
}

//表格的行样式
:host ::ng-deep .tr_hover>td {
    white-space: nowrap;
}

:host ::ng-deep .tr_hover:hover>td {
    background: rgb(40, 60, 63, 1) !important;
}

:host ::ng-deep .ant-table-middle>.ant-table-content>.ant-table-scroll>.ant-table-body>table>.ant-table-tbody>tr>td {
    height: 50px;
    padding: 0px;
}

// 边框颜色
:host ::ng-deep .ant-table-thead>tr>th {
    border-bottom: 0px;
}

:host ::ng-deep .ant-table-tbody>tr>td {
    border-bottom: 1px solid rgba(48, 73, 77, 1);
}

::ng-deep .ant-spin-container>.ant-table>.ant-table-content>.ant-table-scroll>.ant-table-header {
    margin-bottom: 0px;
}

// 去掉暂无数据
::ng-deep .ant-table-placeholder {
    display: none;
}

::ng-deep ::-webkit-scrollbar {
    background: rgba(32, 48, 51, 1);
    width: 6px; ///Claire 04/24
    height: 16px !important; ///Claire 04/24
}

// 滚动条
::ng-deep ::-webkit-scrollbar {
    background: rgba(32, 48, 51, 1);
    width: 6px; //右側滾動條寬度  Claire 04/24
    height: 15px; //下側滾動條高度  Claire 04/24
}

// // 滚动条的条  vertical 竖向
// 滚动条
::ng-deep ::-webkit-scrollbar {
    background: rgba(32, 48, 51, 1);
    width: 6px; //右側滾動條寬度  Claire 04/24
    height: 15px; //下側滾動條高度  Claire 04/24
}

// // 滚动条的条  vertical 竖向
 ::ng-deep ::-webkit-scrollbar-thumb:vertical {
    background: #489C9C;
    border: 1px solid rgba(32, 48, 51, 1);
    border-radius: 5px;
}

// // horizontal 横向
 ::ng-deep ::-webkit-scrollbar-thumb:horizontal {
    box-shadow: auto;
    background: #489C9C;
    ;
    border: 1px solid rgba(32, 48, 51, 1);
    border-radius: 5px;
}

 ::ng-deep::-webkit-scrollbar-corner {
    ///去右下滾動條白色  Claire 04/24
    background-color: rgba(32, 48, 51, 1); ///去右下滾動條白色  Claire 04/24
}

.del {
    width: 30px;
    height: 30px;
    display: block;
    background-image: url(../../../assets/image/icon_del.svg);
    background-repeat: no-repeat;
    // margin:0 auto;
    // background-position: center;
}

// 刪除彈出框
::ng-deep .ant-modal-content .ant-btn-primary {
    border: 1px solid rgba(72, 156, 156, 1);
    background: rgba(48, 73, 77, 1);
    font-size: 18px;
    color: rgba(72, 156, 156, 1);
    margin-left: 20px;
}

::ng-deep .ant-modal-content {
    .ant-btn {
        border: 1px solid rgba(72, 156, 156, 1);
        background: rgba(48, 73, 77, 1);
        font-size: 18px;
        color: rgba(72, 156, 156, 1);
    }
}

::ng-deep .ant-modal-content {
    background: rgba(48, 73, 77, 1);
    border-radius: 8px;
}

::ng-deep .ant-modal-header {
    background: rgba(48, 73, 77, 1);
    border-bottom: 1px;
    border-radius: 8px 8px 0px 0px;
    text-align: center;
}

::ng-deep .ant-modal-footer {
    border-top: 0px;
    border-radius: 0px 0px 8px 8px;
}

::ng-deep .ant-modal-content {
    .ant-btn {
        border: 1px solid rgba(72, 156, 156, 1);
        background: rgba(48, 73, 77, 1);
        font-size: 16px;
        color: rgba(72, 156, 156, 1);
    }
    .ant-btn:hover {
        //增加按钮hover效果 Claire
        border: 1px solid rgba(72, 156, 156, 1);
        background: rgba(72, 156, 156, 1);
        font-size: 16px;
        color: rgb(255, 255, 255);
    }
    .ant-btn:focus {
        //增加按钮focus效果  Claire
        border: 1px solid rgba(55, 122, 122, 1);
        background: rgba(55, 122, 122, 1);
        font-size: 16px;
        color: rgb(255, 255, 255);
    }
}

:host ::ng-deep.ant-modal-body {
    /// 05/09  442行
    padding: 0px;
    word-wrap: break-word;
}

::ng-deep .ant-modal-title {
    font-size: 20px;
    font-weight: 400;
    line-height: 27px;
    color: rgba(255, 255, 255, 1);
    letter-spacing: 5px;
    opacity: 1;
    text-align: center;
}

// ::ng-deep .ant-modal {
//   padding-top:150px;
// }
// ::ng-deep .ant-modal{
//   width:23% !important;
//   height:40% !important;
//   color:#ffffff;
//   padding-top:6%;
// }
:host ::ng-deep .ant-modal-body {
    font-size: 18px;
    line-height: 40px;
}

::ng-deep .ant-modal-close {
    color: #ffffff !important;
}

// select 下拉选择框
.input_second>nz-select {
    outline: none;
    width: 300px;
    height: 30px;
    background: rgba(32, 48, 51, 1);
    border-radius: 4px;
    vertical-align: middle;
}

nz-divider {
    margin: 4px 0;
}

.add-item {
    padding: 8px;
    cursor: pointer;
    color: #ffffff;
}

:host ::ng-deep .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
    height: 30px;
    background: rgba(32, 48, 51, 1);
    border-radius: 4px;
}

:host ::ng-deep .ant-select {
    color: rgba(255, 255, 255, 1);
    font-size: 18px;
}

:host ::ng-deep .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
    color: rgba(255, 255, 255, 1);
    font-weight: 400;
    background-color: rgba(32, 48, 51, 1);
}

::ng-deep .ant-select-dropdown {
    background-color: #283c3f !important;
    padding: 0px;
}

:host ::ng-deep .ant-select-item {
    color: #ffffff;
}

:host ::ng-deep .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
    background-color: rgb(40, 60, 63, 1) !important;
}

:host ::ng-deep .ant-select-selection {
    border: 1px solid #ffffff;
    background-color: #203033;
}

:host ::ng-deep .ant-select-arrow {
    color: #ffffff;
}

::ng-deep .ant-empty-small {
    display: none;
}

::ng-deep .ant-select-dropdown-menu-item:first-child {
    border-radius: 0px;
}

::ng-deep .ant-select-dropdown-menu-item {
    color: #ffffff;
    font-size: 18px;
}

::ng-deep .ant-select-dropdown-menu-item:hover {
    background-color: rgb(57, 86, 90) !important;
}

::ng-deep .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
    background-color: rgba(57, 86, 90);
}

:host ::ng-deep .anticon {
    color: rgba(255, 255, 255, 1) !important;
}

.add-item {
    padding: 8px;
    cursor: pointer;
}

::ng-deep .nz-demo-select-custom-dropdown-menu {
    color: rgba(255, 255, 255, 1) !important;
}

.ant-table-filter-icon {
    transform: scale(1.2);
}

.ant-table-filter-icon:hover {
    background-color: rgba(0, 0, 0, 0) !important;
    color: #fff !important;
    transform: scale(1.6);
}

//箱号筛选
.search-box {
    padding: 8px;
    padding-left: 16px;
}

.search-box input {
    width: 188px;
    margin-bottom: 8px;
    display: block;
}

.search-box button {
    width: 90px;
    background-color: rgba(72, 156, 156, 1);
    color: #fff;
    border: 0px;
}

.search-box button:hover {
    border: 1px solid rgba(255, 255, 255, 1);
}

.search-button {
    margin-right: 8px;
}

// 筛选框
.state {
    background: rgba(48, 73, 77, 1) !important;
    border: 1px solid rgba(71, 156, 156, 1);
    border-radius: 4px;
    color: rgba(255, 255, 255, 1) !important;
}

.dropdownMenu {
    height: 39px;
    background: rgba(48, 73, 77, 1);
    border-radius: 0px;
}

.Li {
    width: 130px;
    text-align: center;
    height: 39px;
}

.Li:hover {
    height: 39px; //设置高度  Claire 04/22
    background: rgba(73, 146, 146, 0.4) !important; //改透明度 Claire 04/22
}

.doing {
    width: 18px;
    height: 18px;
    background-color: #fff;
    border: 1px solid #c9c9c9;
    border-radius: 2px;
    color: #ffffff;
    text-align: center;
    line-height: 12px;
    -webkit-appearance: none;
}

.doing:checked {
    color: #ffffff;
    background-color: rgba(72, 156, 156, 1);
    border: 1px solid rgba(72, 156, 156, 1);
    font-weight: bold;
    text-align: center;
}

.doing::after {
    content: "\2713"
}